<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <!--<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, user-scalable=no">-->
    <title>废料专区</title>
    <!--[ifIE]>
    <script src="js/html5.js"></script>
    <![ifend]-->
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
<!--页头开始-->
<header class="head_top">
    <div class="head_content">
        <div class="head_top_left fl">
            <a href="index.html">
                <i></i>
                金浔首页
            </a>
            <span>欢迎来到金浔</span>
            <a href="login.html">请登录</a>
            <a href="register.html">免费注册</a>
        </div>
        <div class="head_top_right fr">
            <a href="about-us.html">关于我们</a>
            <a href="offering.html">委托找货</a>
            <span>
                <i></i>
                0871-65238475 45558
            </span>
        </div>
        <div class="clearfix"></div>
    </div>
</header>
<!--页头结束-->
<!--导航和搜索开始-->
<div class="main header_bottom">
    <div class="logo_area">
        <a href="index.html" class="logo_box">
            <img src="images/logo.png" alt="品牌logo">
            <p>金浔集团</p>
        </a>
    </div>
    <nav class="nav_area">
        <ul class="nav nav-pills">
            <li><a href="index.html">首页</a></li>
            <li><a href="spot-goods-market.html">现货集市</a></li>
            <li><a href="demand.html">需求专区</a></li>
            <li class="active"><a href="recycle.html">废料专区</a></li>
            <li><a href="offering.html">报价中心</a></li>
            <li><a href="quotation-information.html">行情资讯</a></li>
        </ul>
    </nav>
    <form action="" class="form-horizontal" role="form">
        <div class="search_area input-group">
            <span class="input-group-addon">
                <select name="" id="" class="">
                    <option value="">资 源</option>
                    <option value="">采 购</option>
                </select>
            </span>
            <label for=""></label>
            <input type="text" class="form-control" id="">
            <span class="input-group-btn">
                <button class="btn btn-primary" type="button">搜 索</button>
            </span>
        </div>
    </form>
</div>
<!--<hr class="hr">-->
<!--导航和搜索结束-->

<div class="main">
    <div class="content_title">
        <span class="glyphicon glyphicon-home text-primary"></span><span> 废料专区</span>
    </div>
    <!--层级筛选开始-->
    <table class="table table-bordered table-striped screen">
        <tbody>
        <tr class="province">
            <td>交货地：</td>
            <td>
                <p id="province_btn">
                    <button class="btn btn-danger btn-sm">全部</button>
                </p>
                <div id="province">
                    <p>山东</p>
                    <p>新疆</p>
                    <p>河南</p>
                    <p>甘肃</p>
                    <p>内蒙古</p>
                    <p>云南</p>
                    <p>湖南</p>
                    <p>青海</p>
                    <p>陕西</p>
                    <p>广西</p>
                    <p>宁夏</p>
                    <p>安徽</p>
                    <p>山西</p>
                    <p>湖北</p>
                    <p>辽宁</p>
                    <p>贵州</p>
                    <p>重庆</p>
                    <p>四川</p>
                    <p>江苏</p>
                    <p>浙江</p>
                    <p>广东</p>
                    <p>河北</p>
                    <p>上海</p>
                    <p>天津</p>
                    <p>西藏</p>
                    <p>黑龙江</p>
                    <p>吉林</p>
                    <p>海南</p>
                    <p>海外</p>
                    <div class="clearfix"></div>
                </div>
                <div class="clearfix"></div>
            </td>
        </tr>
        <tr class="variety">
            <td>品种：</td>
            <td>
                <p id="variety_btn">
                    <button class="btn btn-danger btn-sm">全部</button>
                </p>
                <div id="metallic_element">
                    <p id="copper">铜</p>
                    <p id="aluminium">铝</p>
                    <p id="lead">铅</p>
                    <p id="zinc">锌</p>
                    <p id="nickel">镍</p>
                    <p id="tin">锡</p>
                    <div class="clearfix"></div>
                </div>
                <div class="clearfix"></div>
            </td>
        </tr>
        <tr class="purity">
            <td>品位：</td>
            <td>
                <p id="purity_btn">
                    <button class="btn btn-danger btn-sm">全部</button>
                </p>
                <div><p>（请先选择品种）</p></div>
                <div id="copper_metal_content" class="metal_content">
                    <p>1%~8%</p>
                    <p>8%~15%</p>
                    <p>15%~20%</p>
                    <p>20%~24%</p>
                    <p>24%~30%</p>
                    <p>30%~35%</p>
                    <p>35%~50%</p>
                    <p>50%以上</p>
                    <div class="clearfix"></div>
                </div>
                <div id="aluminium_metal_content" class="metal_content">
                    <p>1%~30%</p>
                    <p>30%~40%</p>
                    <p>40%~50%</p>
                    <p>50%~70%</p>
                    <p>70%以上</p>
                    <div class="clearfix"></div>
                </div>
                <div id="lead_metal_content" class="metal_content">
                    <p>1%~30%</p>
                    <p>30%~40%</p>
                    <p>40%~50%</p>
                    <p>50%~70%</p>
                    <p>70%以上</p>
                    <div class="clearfix"></div>
                </div>
                <div id="zinc_metal_content" class="metal_content">
                    <p>1%~8%</p>
                    <p>8%~15%</p>
                    <p>15%~20%</p>
                    <p>20%~24%</p>
                    <p>24%~30%</p>
                    <p>30%~35%</p>
                    <p>35%~50%</p>
                    <p>50%~55%</p>
                    <p>55%~60%</p>
                    <p>60%以上</p>
                    <div class="clearfix"></div>
                </div>
                <div id="nickel_metal_content" class="metal_content">
                    <p>1%~30%</p>
                    <p>30%~40%</p>
                    <p>40%~50%</p>
                    <p>50%~70%</p>
                    <p>70%以上</p>
                    <div class="clearfix"></div>
                </div>
                <div id="tin_metal_content" class="metal_content">
                    <p>1%~30%</p>
                    <p>30%~40%</p>
                    <p>40%~50%</p>
                    <p>50%~70%</p>
                    <p>70%以上</p>
                    <div class="clearfix"></div>
                </div>
                <div class="clearfix"></div>
            </td>
        </tr>
        </tbody>
    </table>
    <!--层级筛选结束-->
    <!--自定义筛选开始-->
    <form action="" role="form" class="form-inline user_define">
        <div class="form-group text-danger col-lg-offset-1">
            <b class="h3">废料</b>
        </div>
        <div class="form-group text-danger">
            <label for="">品位:</label>
            <div class="input-group">
                <input type="text" class="form-control" id=""/>
                <span class="input-group-addon">%</span>
            </div>
            <label for="">—</label>
            <div class="input-group">
                <input type="text" class="form-control" id=""/>
                <span class="input-group-addon">%</span>
            </div>
        </div>
        <div class="form-group text-danger">
            <label for="loco">交货地：</label>
            <input type="text" class="form-control" id="loco"/>
        </div>
        <button type="submit" class="btn btn-primary pull-right">搜 索</button>
    </form>
    <!--自定义筛选结束-->

    <!--商品列表开始-->
    <ul class="table table-bordered">
        <!--商品列表表头开始-->
        <li class="t_head">
            <ul>
                <li>种类</li>
                <li>品名</li>
                <li>主元素</li>
                <li>交货地</li>
                <li>是否送货</li>
                <li>数量</li>
                <li>价格</li>
                <li>详情</li>
                <li>展开</li>
                <div class="clearfix"></div>
            </ul>
        </li>
        <!--商品列表表头结束-->
        <!--商品列表清单开始-->
        <li class="t_body">
            <div class="list_item">
                <ul>
                    <li>铅</li>
                    <li>铅原矿</li>
                    <li>12%</li>
                    <li>云南</li>
                    <li>否</li>
                    <li>300</li>
                    <li>0</li>
                    <li><a class="btn btn-info btn-xs">详情查看&gt;&gt;</a></li>
                    <li>
                        <button class="btn btn-info btn-xs" data-toggle="collapse" data-target="#collapse1">展开/收起</button>
                    </li>
                    <div class="clearfix"></div>
                </ul>
                <!--商品列表按钮展开开始-->
                <div id="collapse1" class="collapse">
                    <div class="left_info fl">
                        <div class="left_info_up">
                        <span>
                            <b>产地：</b>
                            <span>云南</span>
                        </span>
                        <span>
                            <b>检验机构：</b>
                            <span>北京矿冶研究院</span>
                        </span>
                        <span>
                            <b>是否预付款：</b>
                            <span>否</span>
                        </span>
                        <span>
                            <b>联系方式：</b>
                            <span>---</span>
                        </span>
                        </div>
                        <div class="left_info_down">
                        <span>
                            <b>标题：</b>
                            <span>云南地区出售氧化铅锌矿</span>
                        </span>
                        <span>
                            <b>备注：</b>
                            <span>...</span>
                        </span>
                        </div>
                    </div>
                    <div class="right_btn fr">
                        <a class="btn btn-danger btn-xs">点击购买</a>
                        <a class="btn btn-success btn-xs">QQ客服</a>
                    </div>
                    <div class="clearfix"></div>
                </div>
                <!--商品列表按钮展开开始-->
            </div>
            <div class="list_item">
                <ul>
                    <li>铅</li>
                    <li>铅原矿</li>
                    <li>12%</li>
                    <li>云南</li>
                    <li>否</li>
                    <li>300</li>
                    <li>0</li>
                    <li><a class="btn btn-info btn-xs">详情查看&gt;&gt;</a></li>
                    <li>
                        <button class="btn btn-info btn-xs" data-toggle="collapse" data-target="#collapse2">展开/收起</button>
                    </li>
                    <div class="clearfix"></div>
                </ul>
                <div id="collapse2" class="collapse">
                    <div class="left_info fl">
                        <div class="left_info_up">
                        <span>
                            <b>产地：</b>
                            <span>云南</span>
                        </span>
                        <span>
                            <b>检验机构：</b>
                            <span>北京矿冶研究院</span>
                        </span>
                        <span>
                            <b>是否预付款：</b>
                            <span>否</span>
                        </span>
                        <span>
                            <b>联系方式：</b>
                            <span>---</span>
                        </span>
                        </div>
                        <div class="left_info_down">
                        <span>
                            <b>标题：</b>
                            <span>云南地区出售氧化铅锌矿</span>
                        </span>
                        <span>
                            <b>备注：</b>
                            <span>...</span>
                        </span>
                        </div>
                    </div>
                    <div class="right_btn fr">
                        <a class="btn btn-danger btn-xs">点击购买</a>
                        <a class="btn btn-success btn-xs">QQ客服</a>
                    </div>
                    <div class="clearfix"></div>
                </div>
            </div>
            <div class="list_item">
                <ul>
                    <li>铅</li>
                    <li>铅原矿</li>
                    <li>12%</li>
                    <li>云南</li>
                    <li>否</li>
                    <li>300</li>
                    <li>0</li>
                    <li><a class="btn btn-info btn-xs">详情查看&gt;&gt;</a></li>
                    <li>
                        <button class="btn btn-info btn-xs" data-toggle="collapse" data-target="#collapse3">展开/收起</button>
                    </li>
                    <div class="clearfix"></div>
                </ul>
                <div id="collapse3" class="collapse">
                    <div class="left_info fl">
                        <div class="left_info_up">
                        <span>
                            <b>产地：</b>
                            <span>云南</span>
                        </span>
                        <span>
                            <b>检验机构：</b>
                            <span>北京矿冶研究院</span>
                        </span>
                        <span>
                            <b>是否预付款：</b>
                            <span>否</span>
                        </span>
                        <span>
                            <b>联系方式：</b>
                            <span>---</span>
                        </span>
                        </div>
                        <div class="left_info_down">
                        <span>
                            <b>标题：</b>
                            <span>云南地区出售氧化铅锌矿</span>
                        </span>
                        <span>
                            <b>备注：</b>
                            <span>...</span>
                        </span>
                        </div>
                    </div>
                    <div class="right_btn fr">
                        <a class="btn btn-danger btn-xs">点击购买</a>
                        <a class="btn btn-success btn-xs">QQ客服</a>
                    </div>
                    <div class="clearfix"></div>
                </div>
            </div>
            <div class="list_item">
                <ul>
                    <li>铅</li>
                    <li>铅原矿</li>
                    <li>12%</li>
                    <li>云南</li>
                    <li>否</li>
                    <li>300</li>
                    <li>0</li>
                    <li><a class="btn btn-info btn-xs">详情查看&gt;&gt;</a></li>
                    <li>
                        <button class="btn btn-info btn-xs" data-toggle="collapse" data-target="#collapse4">展开/收起</button>
                    </li>
                    <div class="clearfix"></div>
                </ul>
                <div id="collapse4" class="collapse">
                    <div class="left_info fl">
                        <div class="left_info_up">
                        <span>
                            <b>产地：</b>
                            <span>云南</span>
                        </span>
                        <span>
                            <b>检验机构：</b>
                            <span>北京矿冶研究院</span>
                        </span>
                        <span>
                            <b>是否预付款：</b>
                            <span>否</span>
                        </span>
                        <span>
                            <b>联系方式：</b>
                            <span>---</span>
                        </span>
                        </div>
                        <div class="left_info_down">
                        <span>
                            <b>标题：</b>
                            <span>云南地区出售氧化铅锌矿</span>
                        </span>
                        <span>
                            <b>备注：</b>
                            <span>...</span>
                        </span>
                        </div>
                    </div>
                    <div class="right_btn fr">
                        <a class="btn btn-danger btn-xs">点击购买</a>
                        <a class="btn btn-success btn-xs">QQ客服</a>
                    </div>
                    <div class="clearfix"></div>
                </div>
            </div>
            <div class="list_item">
                <ul>
                    <li>铅</li>
                    <li>铅原矿</li>
                    <li>12%</li>
                    <li>云南</li>
                    <li>否</li>
                    <li>300</li>
                    <li>0</li>
                    <li><a class="btn btn-info btn-xs">详情查看&gt;&gt;</a></li>
                    <li>
                        <button class="btn btn-info btn-xs" data-toggle="collapse" data-target="#collapse5">展开/收起</button>
                    </li>
                    <div class="clearfix"></div>
                </ul>
                <div id="collapse5" class="collapse">
                    <div class="left_info fl">
                        <div class="left_info_up">
                        <span>
                            <b>产地：</b>
                            <span>云南</span>
                        </span>
                        <span>
                            <b>检验机构：</b>
                            <span>北京矿冶研究院</span>
                        </span>
                        <span>
                            <b>是否预付款：</b>
                            <span>否</span>
                        </span>
                        <span>
                            <b>联系方式：</b>
                            <span>---</span>
                        </span>
                        </div>
                        <div class="left_info_down">
                        <span>
                            <b>标题：</b>
                            <span>云南地区出售氧化铅锌矿</span>
                        </span>
                        <span>
                            <b>备注：</b>
                            <span>...</span>
                        </span>
                        </div>
                    </div>
                    <div class="right_btn fr">
                        <a class="btn btn-danger btn-xs">点击购买</a>
                        <a class="btn btn-success btn-xs">QQ客服</a>
                    </div>
                    <div class="clearfix"></div>
                </div>
            </div>
            <div class="list_item">
                <ul>
                    <li>铅</li>
                    <li>铅原矿</li>
                    <li>12%</li>
                    <li>云南</li>
                    <li>否</li>
                    <li>300</li>
                    <li>0</li>
                    <li><a class="btn btn-info btn-xs">详情查看&gt;&gt;</a></li>
                    <li>
                        <button class="btn btn-info btn-xs" data-toggle="collapse" data-target="#collapse6">展开/收起</button>
                    </li>
                    <div class="clearfix"></div>
                </ul>
                <div id="collapse6" class="collapse">
                    <div class="left_info fl">
                        <div class="left_info_up">
                        <span>
                            <b>产地：</b>
                            <span>云南</span>
                        </span>
                        <span>
                            <b>检验机构：</b>
                            <span>北京矿冶研究院</span>
                        </span>
                        <span>
                            <b>是否预付款：</b>
                            <span>否</span>
                        </span>
                        <span>
                            <b>联系方式：</b>
                            <span>---</span>
                        </span>
                        </div>
                        <div class="left_info_down">
                        <span>
                            <b>标题：</b>
                            <span>云南地区出售氧化铅锌矿</span>
                        </span>
                        <span>
                            <b>备注：</b>
                            <span>...</span>
                        </span>
                        </div>
                    </div>
                    <div class="right_btn fr">
                        <a class="btn btn-danger btn-xs">点击购买</a>
                        <a class="btn btn-success btn-xs">QQ客服</a>
                    </div>
                    <div class="clearfix"></div>
                </div>
            </div>
            <div class="list_item">
                <ul>
                    <li>铅</li>
                    <li>铅原矿</li>
                    <li>12%</li>
                    <li>云南</li>
                    <li>否</li>
                    <li>300</li>
                    <li>0</li>
                    <li><a class="btn btn-info btn-xs">详情查看&gt;&gt;</a></li>
                    <li>
                        <button class="btn btn-info btn-xs" data-toggle="collapse" data-target="#collapse7">展开/收起</button>
                    </li>
                    <div class="clearfix"></div>
                </ul>
                <div id="collapse7" class="collapse">
                    <div class="left_info fl">
                        <div class="left_info_up">
                        <span>
                            <b>产地：</b>
                            <span>云南</span>
                        </span>
                        <span>
                            <b>检验机构：</b>
                            <span>北京矿冶研究院</span>
                        </span>
                        <span>
                            <b>是否预付款：</b>
                            <span>否</span>
                        </span>
                        <span>
                            <b>联系方式：</b>
                            <span>---</span>
                        </span>
                        </div>
                        <div class="left_info_down">
                        <span>
                            <b>标题：</b>
                            <span>云南地区出售氧化铅锌矿</span>
                        </span>
                        <span>
                            <b>备注：</b>
                            <span>...</span>
                        </span>
                        </div>
                    </div>
                    <div class="right_btn fr">
                        <a class="btn btn-danger btn-xs">点击购买</a>
                        <a class="btn btn-success btn-xs">QQ客服</a>
                    </div>
                    <div class="clearfix"></div>
                </div>
            </div>
            <div class="list_item">
                <ul>
                    <li>铅</li>
                    <li>铅原矿</li>
                    <li>12%</li>
                    <li>云南</li>
                    <li>否</li>
                    <li>300</li>
                    <li>0</li>
                    <li><a class="btn btn-info btn-xs">详情查看&gt;&gt;</a></li>
                    <li>
                        <button class="btn btn-info btn-xs" data-toggle="collapse" data-target="#collapse8">展开/收起</button>
                    </li>
                    <div class="clearfix"></div>
                </ul>
                <div id="collapse8" class="collapse">
                    <div class="left_info fl">
                        <div class="left_info_up">
                        <span>
                            <b>产地：</b>
                            <span>云南</span>
                        </span>
                        <span>
                            <b>检验机构：</b>
                            <span>北京矿冶研究院</span>
                        </span>
                        <span>
                            <b>是否预付款：</b>
                            <span>否</span>
                        </span>
                        <span>
                            <b>联系方式：</b>
                            <span>---</span>
                        </span>
                        </div>
                        <div class="left_info_down">
                        <span>
                            <b>标题：</b>
                            <span>云南地区出售氧化铅锌矿</span>
                        </span>
                        <span>
                            <b>备注：</b>
                            <span>...</span>
                        </span>
                        </div>
                    </div>
                    <div class="right_btn fr">
                        <a class="btn btn-danger btn-xs">点击购买</a>
                        <a class="btn btn-success btn-xs">QQ客服</a>
                    </div>
                    <div class="clearfix"></div>
                </div>
            </div>
        </li>
        <!--商品列表清单结束-->
    </ul>
    <!--商品列表结束-->
    <!--分页开始-->
    <div class="page">
        <ul class="pagination pull-right">
            <li><a href="#">首页</a></li>
            <li><a href="#">上一页</a></li>
            <li><a href="#">1</a></li>
            <li><a href="#">...</a></li>
            <li><a href="#">下一页</a></li>
            <li><a href="#">尾页</a></li>
        </ul>
        <div class="page_info pull-left">
            <span>每页显示</span>
            <select name="">
                <option value="8">8</option>
                <option value="16">16</option>
                <option value="32">32</option>
                <option value="64">64</option>
            </select>
            <span>条，共</span>
            <code>XX</code>
            <span>当前显示第</span>
            <code>XX</code>
            <span>-</span>
            <code>XX</code>
            <span>条，</span>
            <code>XX</code>
            <span>/</span>
            <code>XX</code>
            <span>页</span>
        </div>
        <div class="clearfix"></div>
    </div>
    <!--分页结束-->
</div>

<!--页脚开始-->
<hr class="hr">
<footer class="footer_box">
    <div class="footer_up">
        <div class="footer_list">
            <h4>行情资讯</h4>
            <ul>
                <li><a href="#">金浔快讯</a> </li>
                <li><a href="#">综合新闻</a> </li>
                <li><a href="#">热点新闻</a> </li>
            </ul>
        </div>
        <div class="footer_list">
            <h4>行情资讯</h4>
            <ul>
                <li><a href="#">公司简介</a></li>
                <li><a href="#">行业背景</a></li>
                <li><a href="#">公司地址</a></li>
            </ul>
        </div>
        <div class="footer_list">
            <h4>客户服务</h4>
            <ul>
                <li>在线客服</li>
                <li>
                    <p>服务热线</p>
                    <p>0871-XXXXXXXX</p>
                </li>
            </ul>
        </div>
        <div class="footer_list">
            <h4>扫描二维码</h4>
        </div>
        <div class="clearfix"></div>
    </div>
    <div class="footer_down">
        <div class="friend_link">
            <span>友情链接:</span>
            <a href="#">云铜集团</a>
            <a href="#">株洲冶炼</a>
            <a href="#">金铜集团</a>
            <a href="#">西部矿业</a>
        </div>
        <div class="copyright">
            &copy;2016
            <a href="#">金浔集团</a>
            <span>云南金浔电子商务有限公司</span>
            <span>云南金浔电子商务有限公司</span>
        </div>
    </div>
</footer>
<!--侧边栏开始-->
<aside class="fixed_box" id="fixed_box">
    <ul class="fixed">
        <li><a href="#">新手指南</a></li>
        <li><a href="#">快速发布</a></li>
        <li><a href="#">意见反馈</a></li>
        <li><a href="#">QQ客服</a></li>
        <li id="back_top">
            <p class="glyphicon glyphicon-chevron-up"></p>
        </li>
    </ul>
</aside>
<!--侧边栏结束-->
<script src="js/jquery-1.9.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/myjs.js"></script>
</body>
</html>